<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div th:fragment="time">
	<!--时间-->
	<script src="js/time.js" type="text/javascript"></script>
	<div class="sub-nav hidden-sm hidden-xs">
            <ul>
                <li class="hidden-sm hidden-xs">
                    <a  class=""><span id="time" class="selected">2015年1月1日 11:11  星期一</span></a>
                </li>
            </ul>
            <div class="custom-search hidden-sm hidden-xs">
                <input type="text" class="search-query" placeholder="查询 ...">
                <i class="fa fa-search"></i>
            </div>
    </div>
    <script>
    //时间
    function fn(){
        var time = new Date();
        var str= "";
        var div = document.getElementById("time");
//    console.log(time);
        var year = time.getFullYear();
        var mon = time.getMonth()+1;
        var day = time.getDate();
        var h = time.getHours();
        var m = time.getMinutes();
        var s = time.getSeconds();
        var week = time.getDay();
        switch (week){
            case 0:week="日";
                break;
            case 1:week="一";
                break;
            case 2:week="二";
                break;
            case 3:week="三";
                break;
            case 4:week="四";
                break;
            case 5:week="五";
                break;
            case 6:week="六";
                break;
        }
        str = year +"年"+totwo(mon)+"月"+totwo(day)+"日"+"&nbsp;"+totwo(h)+":"+totwo(m)+":"+totwo(s)+"&nbsp;"+"星期"+week;
        div.innerHTML = str;
    }
    fn();
    setInterval(fn,1000);
    function totwo(n){
        if(n<=9){
            return n = "0"+n;
        }
        else{
            return n =""+n;
        }
    }
</script>
</div>
</body>
</html>